<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
?>

							<div class="main-header">
								<h2>Profile</h2>
								<em>user profile page</em>
							</div>

							<div class="main-content">
								<!-- NAV TABS -->
								<ul class="nav nav-tabs">
									<li class="active"><a href="#profile-tab" data-toggle="tab"><i class="fa fa-user"></i> Profile</a></li>
									<li><a href="#activity-tab" data-toggle="tab"><i class="fa fa-rss"></i> Recent Activity</a></li>
									<li><a href="#settings-tab" data-toggle="tab"><i class="fa fa-gear"></i> Settings</a></li>
								</ul>
								<!-- END NAV TABS -->
								
								<div class="tab-content profile-page">
									<!-- PROFILE TAB CONTENT -->
									<div class="tab-pane profile active" id="profile-tab">
										<div class="row">
											<div class="col-md-3">
												<div class="user-info-left">
													<img src="<?= $kbpath ?>/assets/img/profile-avatar.png" alt="Profile Picture" />
													<h2>Jonathan Smith <i class="fa fa-circle green-font online-icon"></i><sup class="sr-only">online</sup></h2>
													<div class="contact">
														<a href="#" class="btn btn-block btn-custom-primary"><i class="fa fa-envelope-o"></i> Send Message</a>
														<a href="#" class="btn btn-block btn-custom-secondary"><i class="fa fa-book"></i> Add To Contact</a>
														<ul class="list-inline social">
															<li><a href="#" title="Facebook"><i class="fa fa-facebook-square"></i></a></li>
															<li><a href="#" title="Twitter"><i class="fa fa-twitter-square"></i></a></li>
															<li><a href="#" title="Google Plus"><i class="fa fa-google-plus-square"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
											<div class="col-md-9">
												<div class="user-info-right">
													<div class="basic-info">
														<h3><i class="fa fa-square"></i> Basic Information</h3>
														<p class="data-row">
															<span class="data-name">Username</span>
															<span class="data-value">jonasmith</span>
														</p>
														<p class="data-row">
															<span class="data-name">Birth Date</span>
															<span class="data-value">Nov 20, 1988</span>
														</p>
														<p class="data-row">
															<span class="data-name">Gender</span>
															<span class="data-value">Male</span>
														</p>
														<p class="data-row">
															<span class="data-name">Website</span>
															<span class="data-value"><a href="#">www.jonasmith.com</a></span>
														</p>
														<p class="data-row">
															<span class="data-name">Last Login</span>
															<span class="data-value">2 hours ago</span>
														</p>
														<p class="data-row">
															<span class="data-name">Date Joined</span>
															<span class="data-value">Feb 22, 2012</span>
														</p>
													</div>
													<div class="contact_info">
														<h3><i class="fa fa-square"></i> Contact Information</h3>
														<p class="data-row">
															<span class="data-name">Email</span>
															<span class="data-value">me@jonasmith.com</span>
														</p>
														<p class="data-row">
															<span class="data-name">Phone</span>
															<span class="data-value">(1800) 221 - 876543</span>
														</p>
														<p class="data-row">
															<span class="data-name">Address</span>
															<span class="data-value">Riverside City 66, 80123 Denver<br />Colorado</span>
														</p>
													</div>
													<div class="about">
														<h3><i class="fa fa-square"></i> About Me</h3>
														<p>Dramatically facilitate proactive solutions whereas professional intellectual capital. Holisticly utilize competitive e-markets through intermandated meta-services. Objectively.</p>
														<p>Monotonectally foster future-proof infomediaries before principle-centered interfaces. Assertively recaptiualize cutting-edge web services rather than emerging "outside the box" thinking. Phosfluorescently cultivate resource maximizing technologies and user-centric convergence. Completely underwhelm cross functional innovation vis-a-vis.</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									<!-- END PROFILE TAB CONTENT -->

									<!-- ACTIVITY TAB CONTENT -->
									<div class="tab-pane activity" id="activity-tab">
										<ul class="list-unstyled activity-list">
											<li>
												<i class="fa fa-shopping-cart activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> commented on <a href="#">Special Deal 2013</a> <span class="timestamp">12 minutes ago</span>
												</p>
											</li>
											<li>
												<i class="fa fa-pencil activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> posted <a href="#">a new blog post</a> <span class="timestamp">4 hours ago</span>
												</p>
											</li>
											<li>
												<i class="fa fa-user activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> edited his profile <span class="timestamp">11 hours ago</span>
												</p>
											</li>
											<li>
												<i class="fa fa-pencil activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> has added review on <a href="#">jQuery Complete Guide</a> book <span class="timestamp">Yesterday</span>
												</p>
											</li>
											<li>
												<i class="fa fa-thumbs-up activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> liked <a href="#">a post</a> <span class="timestamp">December 12</span>
												</p>
											</li>
											<li>
												<i class="fa fa-tasks activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> has completed one task <span class="timestamp">December 11</span>
												</p>
											</li>
											<li>
												<i class="fa fa-picture-o activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> uploaded <a href="#">new photos</a> <span class="timestamp">December 5</span>
												</p>
											</li>
											<li>
												<i class="fa fa-credit-card activity-icon pull-left"></i>
												<p>
													<a href="#">Jonathan</a> has updated his credit card info <span class="timestamp">September 28</span>
												</p>
											</li>
											
										</ul>
										<p class="text-center more"><a href="#" class="btn btn-custom-primary">View more <i class="fa fa-long-arrow-right"></i></a></p>
									</div>
									<!-- END ACTIVITY TAB CONTENT -->

									<!-- SETTINGS TAB CONTENT -->
									<div class="tab-pane settings" id="settings-tab">
										<form class="form-horizontal" role="form">
											<fieldset>
											<h3><i class="fa fa-square"></i> Change Password</h3>
											<div class="form-group">
												<label for="old-password" class="col-sm-3 control-label">Old Password</label>
												<div class="col-sm-4">
													<input type="password" id="old-password" name="old-password" class="form-control">
												</div>
											</div>
											<hr />
											<div class="form-group">
												<label for="password" class="col-sm-3 control-label">New Password</label>
												<div class="col-sm-4">
													<input type="password" id="password" name="password" class="form-control">
												</div>
											</div>
											<div class="form-group">
												<label for="password2" class="col-sm-3 control-label">Repeat Password</label>
												<div class="col-sm-4">
													<input type="password" id="password2" name="password2" class="form-control">
												</div>
											</div>
											</fieldset>

											<fieldset>
											<h3><i class="fa fa-square"></i> Privacy</h3>
											<div class="simple-checkbox">
												<input type="checkbox" id="checkbox">
												<label for="checkbox">Show my display name</label>
											</div>
											<div class="simple-checkbox">
												<input type="checkbox" id="checkbox2">
												<label for="checkbox2">Show my birth date</label>
											</div>
											<div class="simple-checkbox">
												<input type="checkbox" id="checkbox3">
												<label for="checkbox3">Show my email</label>
											</div>
											<div class="simple-checkbox">
												<input type="checkbox" id="checkbox4">
												<label for="checkbox4">Show my online status on chat</label>
											</div>
											</fieldset>
										
											<h3><i class="fa fa-square"> </i>Notifications</h3>
											<fieldset>
												<div class="form-group">
													<label class="col-sm-5 control-label">Receive message from administrator</label>
													<ul class="col-sm-7 list-inline">
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-globe'></i>" data-off-label="<i class='glyphicon glyphicon-globe'></i>">
														</li>
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-phone'></i>" data-off-label="<i class='glyphicon glyphicon-phone'></i>">
														</li>
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-envelope'></i>" data-off-label="<i class='glyphicon glyphicon-envelope'></i>">
														</li>
													</ul>
												</div>
												<div class="form-group">
													<label class="col-sm-5 control-label">New product has been added</label>
													<ul class="col-sm-7 list-inline">
														<li>
															<input type="checkbox" class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-globe'></i>" data-off-label="<i class='glyphicon glyphicon-globe'></i>">
														</li>
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-phone'></i>" data-off-label="<i class='glyphicon glyphicon-phone'></i>">
														</li>
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-envelope'></i>" data-off-label="<i class='glyphicon glyphicon-envelope'></i>">
														</li>
													</ul>
												</div>
												<div class="form-group">
													<label class="col-sm-5 control-label">Product review has been approved</label>
													<ul class="col-sm-7 list-inline">
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-globe'></i>" data-off-label="<i class='glyphicon glyphicon-globe'></i>">
														</li>
														<li>
															<input type="checkbox" class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-phone'></i>" data-off-label="<i class='glyphicon glyphicon-phone'></i>">
														</li>
														<li>
															<input type="checkbox" checked class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-envelope'></i>" data-off-label="<i class='glyphicon glyphicon-envelope'></i>">
														</li>
													</ul>
												</div>
												<div class="form-group">
													<label class="col-sm-5 control-label">Others liked your post</label>
													<ul class="col-sm-7 list-inline">
														<li>
															<input type="checkbox" class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-globe'></i>" data-off-label="<i class='glyphicon glyphicon-globe'></i>">
														</li>
														<li>
															<input type="checkbox" class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-phone'></i>" data-off-label="<i class='glyphicon glyphicon-phone'></i>">
														</li>
														<li>
															<input type="checkbox" class="bs-switch switch-small" data-off="default" data-on-label="<i class='glyphicon glyphicon-envelope'></i>" data-off-label="<i class='glyphicon glyphicon-envelope'></i>">
														</li>
													</ul>
												</div>
											</fieldset>
										</form>
										
										<p class="text-center"><a href="#" class="btn btn-custom-primary"><i class="fa fa-floppy-o"></i> Save Changes</a></p>

									</div>
									<!-- END SETTINGS TAB CONTENT -->
								</div>

							</div><!-- /main-content -->
						

	<!-- Javascript -->
	<script src="<?= $kbpath ?>/assets/js/bootstrap-switch.min.js"></script>

